
<!DOCTYPE html>
<!--[if IE]>
<![endif]-->
<!--[if IE 8 ]>
<html dir="ltr" lang="zh-CN" class="ie8">
<![endif]-->
<!--[if IE 9 ]>
<html dir="ltr" lang="zh-CN" class="ie9">
<![endif]-->
<!--[if (gt IE 9)|!(IE)]>
<!-->
<html dir="ltr" lang="zh-CN">
<!--<![endif]-->
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>省钱购</title>
    <meta name="description" content="BuyPlus(败家Shopping）"/>
    <meta name="keywords" content="BuyPlus(败家Shopping）"/>
    <link href="/static/image/cart.png" rel="icon"/>
    <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen"/>
    <link href="/static/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="/static/index/css/stylesheet.css" rel="stylesheet">
    <script src="/static/jquery/jquery-1.12.4.min.js" type="text/javascript"></script>
    <script src="/static/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

    <script src="/static/index/js/config.js" type="text/javascript"></script>

    <!--初始化一些，从模板中得到的内容-->
    <script>
        // config.path.thumb = '/thumb/';
    </script>


    <link href="/static/owl-carousel/owl.carousel.css" type="text/css" rel="stylesheet" media="screen" />
    <link href="/static/owl-carousel/owl.transitions.css" type="text/css" rel="stylesheet" media="screen" />

</head>
<body class="common-home">

<nav id="top">
    <div class="container">
        <div id="top-links" class="nav pull-right">
            <ul class="list-inline">
                <li>
                    <a href=""> <i class="fa fa-phone"></i>
                    </a>
                    <span class="hidden-xs hidden-sm hidden-md">0312-6855516</span>
                </li>
                <li class="dropdown">
                    <a href="" title="会员中心" class="dropdown-toggle" data-toggle="dropdown"> <i class="fa fa-user"></i>
                        <span class="hidden-xs hidden-sm hidden-md">会员中心</span>
                        <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu dropdown-menu-right">
                        <li>
                            <a href="/html/register.html">会员注册</a>
                        </li>
                        <li>
                            <a href="/html/login.html">会员登录</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="" id="wishlist-total" title="收藏（0）">
                        <i class="fa fa-heart"></i>
                        <span class="hidden-xs hidden-sm hidden-md">收藏（0）</span>
                    </a>
                </li>
                <li>
                    <a href="" title="购物车">
                        <i class="fa fa-shopping-cart"></i>
                        <span class="hidden-xs hidden-sm hidden-md">购物车</span>
                    </a>
                </li>
                <li>
                    <a href="" title="结账">
                        <i class="fa fa-share"></i>
                        <span class="hidden-xs hidden-sm hidden-md">结账</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>
<header>

    <div class="container">
        <div class="row">
            <div class="col-sm-4">
                <div id="logo">
                    <a href="">
                        <img src="/static/image/logo3.png" title="BuyPlus(败家Shopping）" alt="BuyPlus(败家Shopping）" class="img-responsive"/>
                    </a>
                </div>
            </div>
            <div class="col-sm-8 mini-cart">
                <div id="cart">
                    <a href="" class="cart-info">
                  <span class="cart-icon">
                    <i class="fa fa-shopping-cart"></i>
                  </span>
                        <span id="minicart-total">0 个商品 - ￥0.00</span>
                    </a>
                    <ul id="minicart-content"class="cart-content dropdown-menu hidden-sm hidden-xs">
                        <li>
                            <table id="minicart-content-table" class="table table-striped">

                            </table>
                        </li>

                        <li>
                            <div>
                                <table class="table table-bordered">
                                    <tr>
                                        <td class="text-right"><strong>商品总额</strong></td>
                                        <td class="text-right" id="minicart-total-price">￥0</td>
                                    </tr>
                                </table>
                                <p class="text-right">
                                    <a href="/html/cart.html">
                                        <strong><i class="fa fa-shopping-cart"></i>
                                            查看购物车</strong>
                                    </a>
                                    &nbsp;&nbsp;&nbsp;
                                    <a href="/back/page/checkout.html">
                                        <strong><i class="fa fa-share"></i>
                                            去结账</strong>
                                    </a>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>

<div class="main-menu-wrapper">
    <div class="container">
        <div class="main-menu-mobile">
            菜单
            <span class="main-menu-toggle">
              <i class="fa fa-bars"></i>
            </span>
        </div>
        <div class="main-menu-container">
            <ul class="main-menu">
                <li class="parent">
                    <a href="">首页</a>
                </li>
                <li class="parent with-sub-menu">
                    <a href="">男士眼镜</a>
                    <div class="open-sub-menu">+</div>
                    <ul class="sub-menu">
                        <li>
                            <a href="">帕森</a>
                            <div class="open-sub-menu">+</div>
                            <ul class="second-menu">
                                <li>
                                    <a href="">shes茜子</a>
                                </li>
                                <li>
                                    <a href="">帕森新</a>
                                </li>
                                <li>
                                    <a href="">暴龙</a>
                                </li>
                                <li>
                                    <a href="">艾唯莎</a>
                                </li>
                                <li>
                                    <a href="">名匠</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="">暴龙</a>
                            <div class="open-sub-menu">+</div>
                            <ul class="second-menu">
                                <li>
                                    <a href="">shes茜子</a>
                                </li>
                                <li>
                                    <a href="">帕森新</a>
                                </li>
                                <li>
                                    <a href="">暴龙</a>
                                </li>
                                <li>
                                    <a href="">艾唯莎</a>
                                </li>
                                <li>
                                    <a href="">名匠</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="">派丽蒙</a>
                            <div class="open-sub-menu">+</div>
                            <ul class="second-menu">
                                <li>
                                    <a href="">shes茜子</a>
                                </li>
                                <li>
                                    <a href="">帕森新</a>
                                </li>
                                <li>
                                    <a href="">暴龙</a>
                                </li>
                                <li>
                                    <a href="">艾唯莎</a>
                                </li>
                                <li>
                                    <a href="">名匠</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="">海伦凯勒</a>
                            <div class="open-sub-menu">+</div>
                            <ul class="second-menu">
                                <li>
                                    <a href="">shes茜子</a>
                                </li>
                                <li>
                                    <a href="">帕森新</a>
                                </li>
                                <li>
                                    <a href="">暴龙</a>
                                </li>
                                <li>
                                    <a href="">艾唯莎</a>
                                </li>
                                <li>
                                    <a href="">名匠</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="">邦士度</a>
                            <div class="open-sub-menu">+</div>
                            <ul class="second-menu">
                                <li>
                                    <a href="">shes茜子</a>
                                </li>
                                <li>
                                    <a href="">帕森新</a>
                                </li>
                                <li>
                                    <a href="">暴龙</a>
                                </li>
                                <li>
                                    <a href="">艾唯莎</a>
                                </li>
                                <li>
                                    <a href="">名匠</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="parent with-sub-menu">
                    <a href="">女士眼镜</a>
                    <div class="open-sub-menu">+</div>
                    <ul class="sub-menu">
                        <li>
                            <a href="">shes茜子</a>
                        </li>
                        <li>
                            <a href="">帕森新</a>
                        </li>
                        <li>
                            <a href="">暴龙</a>
                        </li>
                        <li>
                            <a href="">艾唯莎</a>
                        </li>
                        <li>
                            <a href="">名匠</a>
                        </li>
                    </ul>
                </li>
                <li class="parent with-sub-menu">
                    <a href="">驾驶镜</a>
                    <div class="open-sub-menu">+</div>
                    <ul class="sub-menu">
                        <li>
                            <a href="">暴龙</a>
                        </li>
                        <li>
                            <a href="">AHT</a>
                        </li>
                        <li>
                            <a href="">pueerizi</a>
                        </li>
                        <li>
                            <a href="">暴龙</a>
                        </li>
                        <li>
                            <a href="">阿木</a>
                        </li>
                    </ul>
                </li>
                <li class="parent ">
                    <a href="">海外购</a>
                </li>
                <li class="parent ">
                    <a href="">轻松购</a>
                </li>
                <li class="parent ">
                    <a href="">专业版购买</a>
                </li>
            </ul>
        </div>
        <script>
            $('.sub-menu>li').mouseenter(function (e) {
                $(this).parent().find('ul.second-menu').hide().eq($(this).index()).show();
            });
        </script>
        <div id="search" class="input-group">
            <input type="text" name="search" value="" placeholder="搜索" class="form-control"/>
            <span class="input-group-btn">
              <button type="button" class="btn btn-primary">
                <i class="fa fa-search"></i>
              </button>
            </span>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div id="content" class="col-sm-12">
            <div class="content_top">
                <div id="slideshow0" class="owl-carousel slideshow">
                    <div class="item">
                        <a href="">
                            <img src="/static/image/banner/banner-1.jpg" alt="banner2"
                                 class="img-responsive"/>
                        </a>
                    </div>
                    <div class="item">
                        <a href="">
                            <img src="/static/image/banner/banner-2.jpg" alt="banner2"
                                 class="img-responsive"/>
                        </a>
                    </div>
                    <div class="item">
                        <a href="">
                            <img src="/static/image/banner/banner-3.jpg" alt="banner3"
                                 class="img-responsive"/>
                        </a>
                    </div>
                </div>

                <h2 class="widget-title">
                    <span>最新商品</span>
                </h2>
                <div class="row" id="row-product-new">

                </div>
                <ul id="banner0" class="banners">
                    <li class="item">
                        <a href="">
                            <img src="/static/image/banner/banner-1.jpg" alt="hengfu-xia"
                                 class="img-responsive"/>
                        </a>
                    </li>
                </ul>

                <h2 class="widget-title">
                    <span>最新商品</span>
                </h2>
                <div class="row">
                    <div class="product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="product-wrapper">
                            <div class="product-image">
                                <a href="">
                                    <img src="/static/image/no_image.png"
                                         alt="" title=""
                                         class="img-responsive"/>
                                </a>
                            </div>
                            <div class="product-info">
                                <div class="product-name">
                                    <a href="">商品名称</a>
                                </div>
                                <div class="product-description">
                                    <p>..</p>
                                </div>
                                <div class="product-rating">
                        <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                </div>
                                <div class="product-price">
                                    <span class="price-new">￥2,999.00</span>
                                    <span class="price-old">￥3,799.00</span>
                                </div>
                                <div class="product-action">
                                    <button type="button" class="add-to-cart" onclick="cart.add('80');">
                                        <i class="fa fa-shopping-cart"></i>
                                        <span>加入购物车</span>
                                    </button>
                                    <div class="ps-add-buyincang" id="btn-visible">
                                        <button type="button" class="wishlist" onclick="wishlist.add('80');">
                                            <i class="fa fa-heart-o"></i>
                                            <span>收藏</span>
                                        </button>
                                        <button type="button" class="compare" onclick="compare.add('80');">
                                            <i class="fa fa-bars"></i>
                                            <span>对比</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="product-wrapper">
                            <div class="product-image">
                                <a href="">
                                    <img src="/static/image/no_image.png"
                                         alt="普利邦欧美风时尚太阳镜男个性炫酷墨镜男潮驾驶镜男防眩光司机镜" title="普利邦欧美风时尚太阳镜男个性炫酷墨镜男潮驾驶镜男防眩光司机镜"
                                         class="img-responsive"/>
                                </a>
                            </div>
                            <div class="product-info">
                                <div class="product-name">
                                    <a href="">商品名称</a>
                                </div>
                                <div class="product-description">
                                    <p>..</p>
                                </div>
                                <div class="product-rating">
                        <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                </div>
                                <div class="product-price">
                                    <span class="price-new">￥8,966.00</span>
                                    <span class="price-old">￥5,399.00</span>
                                </div>
                                <div class="product-action">
                                    <button type="button" class="add-to-cart" onclick="cart.add('79');">
                                        <i class="fa fa-shopping-cart"></i>
                                        <span>加入购物车</span>
                                    </button>
                                    <div class="ps-add-buyincang" id="btn-visible">
                                        <button type="button" class="wishlist" onclick="wishlist.add('79');">
                                            <i class="fa fa-heart-o"></i>
                                            <span>收藏</span>
                                        </button>
                                        <button type="button" class="compare" onclick="compare.add('79');">
                                            <i class="fa fa-bars"></i>
                                            <span>对比</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="product-wrapper">
                            <div class="product-image">
                                <a href="">
                                    <img src="/static/image/no_image.png"
                                         alt="普利邦欧美大框眼镜女优雅精致太阳镜女士潮2016前卫墨镜女驾驶镜" title="普利邦欧美大框眼镜女优雅精致太阳镜女士潮2016前卫墨镜女驾驶镜"
                                         class="img-responsive"/>
                                </a>
                            </div>
                            <div class="product-info">
                                <div class="product-name">
                                    <a href="">商品名称</a>
                                </div>
                                <div class="product-description">
                                    <p>..</p>
                                </div>
                                <div class="product-rating">
                        <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                </div>
                                <div class="product-price">
                                    <span class="price-new">￥5,337.00</span>
                                    <span class="price-old">￥8,896.00</span>
                                </div>
                                <div class="product-action">
                                    <button type="button" class="add-to-cart" onclick="cart.add('78');">
                                        <i class="fa fa-shopping-cart"></i>
                                        <span>加入购物车</span>
                                    </button>
                                    <div class="ps-add-buyincang" id="btn-visible">
                                        <button type="button" class="wishlist" onclick="wishlist.add('78');">
                                            <i class="fa fa-heart-o"></i>
                                            <span>收藏</span>
                                        </button>
                                        <button type="button" class="compare" onclick="compare.add('78');">
                                            <i class="fa fa-bars"></i>
                                            <span>对比</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="product-wrapper">
                            <div class="product-image">
                                <a href="">
                                    <img src="/static/image/no_image.png"
                                         alt="普利邦欧美大框太阳镜女潮时尚百搭驾驶镜女偏光墨镜女气质简约潮" title="普利邦欧美大框太阳镜女潮时尚百搭驾驶镜女偏光墨镜女气质简约潮"
                                         class="img-responsive"/>
                                </a>
                            </div>
                            <div class="product-info">
                                <div class="product-name">
                                    <a href="">商品名称</a>
                                </div>
                                <div class="product-description">
                                    <p>..</p>
                                </div>
                                <div class="product-rating">
                        <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                </div>
                                <div class="product-price">
                                    <span class="price-new">￥5,377.00</span>
                                    <span class="price-old">￥8,899.00</span>
                                </div>
                                <div class="product-action">
                                    <button type="button" class="add-to-cart" onclick="cart.add('77');">
                                        <i class="fa fa-shopping-cart"></i>
                                        <span>加入购物车</span>
                                    </button>
                                    <div class="ps-add-buyincang" id="btn-visible">
                                        <button type="button" class="wishlist" onclick="wishlist.add('77');">
                                            <i class="fa fa-heart-o"></i>
                                            <span>收藏</span>
                                        </button>
                                        <button type="button" class="compare" onclick="compare.add('77');">
                                            <i class="fa fa-bars"></i>
                                            <span>对比</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <ul id="banner1" class="banners">
                    <li class="item">
                        <a href="">
                            <img src="/static/image/banner/banner-2.jpg" alt="233"
                                 class="img-responsive"/>
                        </a>
                    </li>
                </ul>

                <h2 class="widget-title">
                    <span>特价商品</span>
                </h2>
                <div class="row">
                    <div class="product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="product-wrapper">
                            <div class="product-image">
                                <a href="">
                                    <img src="/static/image/no_image.png"
                                         alt="2016时尚墨镜 女士偏光太阳镜潮人欧美复古圆框眼镜驾驶镜" title="2016时尚墨镜 女士偏光太阳镜潮人欧美复古圆框眼镜驾驶镜"
                                         class="img-responsive"/>
                                </a>
                            </div>
                            <div class="product-info">
                                <div class="product-name">
                                    <a href="">商品名称</a>
                                </div>
                                <div class="product-description">
                                    <p>..</p>
                                </div>
                                <div class="product-rating">
                        <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                </div>
                                <div class="product-price">
                                    <span class="price-new">￥7,770.00</span>
                                    <span class="price-old">￥8,867.00</span>
                                </div>
                                <div class="product-action">
                                    <button type="button" class="add-to-cart" onclick="cart.add('71');">
                                        <i class="fa fa-shopping-cart"></i>
                                        <span>加入购物车</span>
                                    </button>
                                    <div class="ps-add-buyincang" id="btn-visible">
                                        <button type="button" class="wishlist" onclick="wishlist.add('71');">
                                            <i class="fa fa-heart-o"></i>
                                            <span>收藏</span>
                                        </button>
                                        <button type="button" class="compare" onclick="compare.add('71');">
                                            <i class="fa fa-bars"></i>
                                            <span>对比</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="product-wrapper">
                            <div class="product-image">
                                <a href="">
                                    <img src="/static/image/no_image.png"
                                         alt="普利邦 欧美圆框黑色炫酷太阳镜男款圆框防紫外线墨镜前卫驾驶镜" title="普利邦 欧美圆框黑色炫酷太阳镜男款圆框防紫外线墨镜前卫驾驶镜"
                                         class="img-responsive"/>
                                </a>
                            </div>
                            <div class="product-info">
                                <div class="product-name">
                                    <a href="">商品名称</a>
                                </div>
                                <div class="product-description">
                                    <p>..</p>
                                </div>
                                <div class="product-rating">
                        <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                </div>
                                <div class="product-price">
                                    <span class="price-new">￥3,199.00</span>
                                    <span class="price-old">￥4,999.00</span>
                                </div>
                                <div class="product-action">
                                    <button type="button" class="add-to-cart" onclick="cart.add('73');">
                                        <i class="fa fa-shopping-cart"></i>
                                        <span>加入购物车</span>
                                    </button>
                                    <div class="ps-add-buyincang" id="btn-visible">
                                        <button type="button" class="wishlist" onclick="wishlist.add('73');">
                                            <i class="fa fa-heart-o"></i>
                                            <span>收藏</span>
                                        </button>
                                        <button type="button" class="compare" onclick="compare.add('73');">
                                            <i class="fa fa-bars"></i>
                                            <span>对比</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="product-wrapper">
                            <div class="product-image">
                                <a href="">
                                    <img src="/static/image/no_image.png"
                                         alt="普利邦 欧美时尚大框优雅墨镜女款复古个性防强光太阳镜简约眼镜" title="普利邦 欧美时尚大框优雅墨镜女款复古个性防强光太阳镜简约眼镜"
                                         class="img-responsive"/>
                                </a>
                            </div>
                            <div class="product-info">
                                <div class="product-name">
                                    <a href="">商品名称</a>
                                </div>
                                <div class="product-description">
                                    <p>..</p>
                                </div>
                                <div class="product-rating">
                        <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                </div>
                                <div class="product-price">
                                    <span class="price-new">￥2,999.00</span>
                                    <span class="price-old">￥3,799.00</span>
                                </div>
                                <div class="product-action">
                                    <button type="button" class="add-to-cart" onclick="cart.add('80');">
                                        <i class="fa fa-shopping-cart"></i>
                                        <span>加入购物车</span>
                                    </button>
                                    <div class="ps-add-buyincang" id="btn-visible">
                                        <button type="button" class="wishlist" onclick="wishlist.add('80');">
                                            <i class="fa fa-heart-o"></i>
                                            <span>收藏</span>
                                        </button>
                                        <button type="button" class="compare" onclick="compare.add('80');">
                                            <i class="fa fa-bars"></i>
                                            <span>对比</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="product-wrapper">
                            <div class="product-image">
                                <a href="">
                                    <img src="/static/image/no_image.png"
                                         alt="普利邦欧美个性太阳镜女款大框气质墨镜女潮驾驶镜防眩光司机镜" title="普利邦欧美个性太阳镜女款大框气质墨镜女潮驾驶镜防眩光司机镜"
                                         class="img-responsive"/>
                                </a>
                            </div>
                            <div class="product-info">
                                <div class="product-name">
                                    <a href="">商品名称</a>
                                </div>
                                <div class="product-description">
                                    <p>..</p>
                                </div>
                                <div class="product-rating">
                        <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                    <span class="fa fa-stack">
                          <i class="fa fa-star fa-stack-2x"></i>
                        </span>
                                </div>
                                <div class="product-price">
                                    <span class="price-new">￥5,012.00</span>
                                    <span class="price-old">￥8,766.00</span>
                                </div>
                                <div class="product-action">
                                    <button type="button" class="add-to-cart" onclick="cart.add('76');">
                                        <i class="fa fa-shopping-cart"></i>
                                        <span>加入购物车</span>
                                    </button>
                                    <div class="ps-add-buyincang" id="btn-visible">
                                        <button type="button" class="wishlist" onclick="wishlist.add('76');">
                                            <i class="fa fa-heart-o"></i>
                                            <span>收藏</span>
                                        </button>
                                        <button type="button" class="compare" onclick="compare.add('76');">
                                            <i class="fa fa-bars"></i>
                                            <span>对比</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>

<footer>
    <div class="container">
        <div class="row">
            <div class="col-sm-2">
                <h5>信息咨询</h5>
                <ul class="list-unstyled">
                    <li>
                        <a href="">关于我们</a>
                    </li>
                    <li>
                        <a href="">最新公告</a>
                    </li>
                    <li>
                        <a href="">隐私政策</a>
                    </li>
                    <li>
                        <a href="">条款及条件</a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-2">
                <h5>客户服务</h5>
                <ul class="list-unstyled">
                    <li>
                        <a href="">联系我们</a>
                    </li>
                    <li>
                        <a href="">退换服务</a>
                    </li>
                    <li>
                        <a href="">网站地图</a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-2">
                <h5>其他</h5>
                <ul class="list-unstyled">
                    <li>
                        <a href="">品牌专区</a>
                    </li>
                    <li>
                        <a href="">礼品券</a>
                    </li>
                    <li>
                        <a href="">加盟会员</a>
                    </li>
                    <li>
                        <a href="">特别优惠</a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-2">
                <h5>会员中心</h5>
                <ul class="list-unstyled">
                    <li>
                        <a href="">会员中心</a>
                    </li>
                    <li>
                        <a href="">历史订单</a>
                    </li>
                    <li>
                        <a href="">收藏列表</a>
                    </li>
                    <li>
                        <a href="">订阅咨询</a>
                    </li>
                </ul>
            </div>
            <div class="col-sm-4">
                <h5>联系我们</h5>
                <ul class="list-unstyled">
                    <li>
                        <div class="icon">
                            <span class="fa fa-map-marker">&nbsp;</span>
                        </div>
                        <div class="text">科技有限公司</div>
                    </li>
                    <li>
                        <div class="icon">
                            <span class="fa fa-phone">&nbsp;</span>
                        </div>
                        <div class="text">123456789</div>
                    </li>
                    <li>
                        <div class="icon">
                            <span class="fa fa-envelope">&nbsp;</span>
                        </div>
                        <div class="text">kang@kang.com</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="powered">
            BuyPlush(败家Shopping) &copy; 2016
            <a href="http://www.miitbeian.gov.cn/" target="_blank">京ICP备12345678号</a>
        </div>
    </div>
    <div class="go-top">
        <a href="#" class="scroll-top">
            <i class="fa fa-angle-up"></i>
            TOP
        </a>
    </div>
</footer>

<script src="/static/index/js/common.js" type="text/javascript"></script>
<script src="/static/index/js/cart.js" type="text/javascript"></script>
<script>
    $(function() {
        // 页面加载执行购物车刷新
//        cart.minicartRefresh();
    });
</script>

<script src="/static/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>

<!--幻灯片-->
<script>
    $(function () {
        $('#slideshow0').owlCarousel({
            items: 1, //显示数量
            loop: true, //循环滚动
            autoplay: true, //自动播放
            autoplayTimeout: 3000, //自动切换时间（毫秒）
            autoplayHoverPause: true, //鼠标移动到图片上面时，是否暂停自动播放
            autoplaySpeed: 300, //自动播放图片切换动画时长
            navSpeed: 400, //左右切换按钮图片切换动画时长
            dotsSpeed: 300, //点击图片下方黑点图片切换动画时长
            nav: true, //是否显示左右切换按钮
            navText: ['<i class="fa fa-angle-left"></i>', '<i class="fa fa-angle-right"></i>'], //左右切换按钮图标
            dots: true, //是否显示图片下方黑点
        });
    });
</script>

<!--最新商品-->
<script>
    $(function() {
        var url = config.site.urlRoot + 'products.html';
        console.log(url);
        var data = {
            type: 'new', // 获取最新商品
            limit: 4
        };
        $.get(url, data, function(resp) {
            $('#row-product-new').empty();
            $.each(resp.data, function(i, product) {
                var html = '';
                html += '<div class="product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12">';
                html += '<div class="product-wrapper">';
                html += '<div class="product-image">';
                html += '<a href="">';
                html += '<img src="/upload/thumb/product/'+product.image_thumb+'" alt="产品图像" title="'+product.title+'" class="img-responsive"/>';
                html += '</a>';
                html += '</div>';
                html += '<div class="product-info">';
                html += '<div class="product-name">';
                html += '<a href="">'+product.title+'</a>';
                html += '</div>';
                html += '<div class="product-description">';
                html += '<p>..</p>';
                html += '</div>';
                html += '<div class="product-rating">';
                for(var i=1, max=Math.ceil(Math.random()*5); i<=max; ++i) {
                    html += '<span class="fa fa-stack">';
                    html += '<i class="fa fa-star fa-stack-2x"></i>';
                    html += '</span>';
                }
                html += '</div>';
                html += '<div class="product-price">';
                html += '<span class="price-new">￥'+product.price+'</span>';
                html += '<span class="price-old">￥'+product.price_orign+'</span>';
                html += '</div>';
                html += '<div class="product-action">';
                html += '<button type="button" class="add-to-cart" data-product_id="'+product.id+'">';
                html += '<i class="fa fa-shopping-cart"></i>';
                html += '<span>加入购物车</span>';
                html += '</button>';
                html += '<div class="ps-add-buyincang" id="btn-visible">';
                html += '<button type="button" class="wishlist">';
                html += '<i class="fa fa-heart-o"></i>';
                html += '<span>收藏</span>';
                html += '</button>';
                html += '<button type="button" class="compare">';
                html += '<i class="fa fa-bars"></i>';
                html += '<span>对比</span>';
                html += '</button>';
                html += '</div>';
                html += '</div>';
                html += '</div>';
                html += '</div>';
                html += '</div>';
                $('#row-product-new').append(html);
            });

        }, 'json');
    });
</script>

<!--添加到购物车-->
<script>
    $(function() {
        //初始化购物车

        window.refreshCart();
        // 全部的添加按钮
        $('body').on('click', 'button.add-to-cart', function() {
           window.add($(this).data("product_id"),1);
        });

    })
</script>

</body>
</html>